/* 改变主题色变量 */
// @import "@/style/variables.scss";

$theme-hostColor: #3f7de2;
$menu-active: #3f7de2;
$fontColor: #fff;
$menuBg: #fff;
$headerText: rgba(0,0,0,.65);

.theme-hostColor {
  background-color: $theme-hostColor;
}
.theme-hostFontColor {
  color: $fontColor;
}
.theme-blackColor {
  color: $theme-hostColor !important;
}

/**
 * 按钮 
 */
 .modifyText {
  color: $theme-hostColor;
  cursor: pointer;
  font-size: 12px;
}
.modifyText:hover {
  font-size: 12px;
}

/** 
 * header 头部
 */
.theme-headerLogo {
  background-color: $menuBg;
}
.theme-headerText {
  columns: $headerText;
}
.theme-header-username{
  color: #000000;
}
.theme-header-message {
  color: $fontColor;
}
.theme-header-logout {
  color: rgb(245, 34, 45);
}

// 导航条的 【x】按钮
.tag-container .ivu-btn-text:hover {
  color: $theme-hostColor !important;
}


// 页签切换圆点
.ivu-tag-primary,
.ivu-tag-primary.ivu-tag-dot .ivu-tag-dot-inner {
  background: $theme-hostColor;
}

/**
 * 首页 
 */
.control{
  .theme-fircontentBg{
    background: url("./image/control/control_bg1.png") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .theme-seccontentBg{
    background: url("image/control/control_bg2.png") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .theme-thicontentBg{
    background: url("image/control/control_bg3.png") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .theme-forcontentBg{
    background: url("image/control/control_bg4.png") no-repeat !important;
    background-size: 100% 100% !important;
  }
  .filterTimeActive{
    color: $theme-hostColor !important;border-bottom: 2px solid $theme-hostColor;
  }
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: $theme-hostColor !important;
  }
}

/** 
 * sideBar 左侧栏
 */
.theme-sideBar {
  background-color: #232b37;
}
.sliderBar-container {
	.el-menu{
		height:calc(100% - 66px);
	}
  // 左侧栏 向下三角箭头
 .el-submenu__title i.el-icon-arrow-down, .el-menu-item i.icon, .el-submenu__title i.icon {
    color: $menuBg !important;
  }
  .el-menu-item{
		background-color: #fff !important;
		color: #343434 !important;
		font-size:26px;
		width:240px;
		height:80px;
		line-height:80px;
		margin:0 auto;
		border-radius:10px;
		text-align:center;
		margin-top:30px;
	}
  .el-menu-item.is-active > span i.icon{
    color: $menuBg !important;
  }

  .el-menu-item.is-active,
  .el-submenu .el-menu-item.is-active {
    background-color: $menu-active !important;
    color: $menuBg !important;
		font-size:26px;
		width:240px;
		height:80px;
		line-height:80px;
		margin:0 auto;
		border-radius:10px;
		text-align:center;
		margin-top:30px;
  }

  .el-submenu__title:hover,
  .el-menu-item:hover {
    background-color: $menu-active !important;
  }
}

/**
 * 量化分析 
 */
 .interestDivision-title::after, .tableBox .boxItem h1::before {
  background-color: $theme-hostColor !important;
}

/**
 * 通话记录 左侧栏 
 */
.sidebar{
  .sidebarTitle {
    .prePage{
      color: $theme-hostColor;
      background:none;
      // border:1px solid $theme-hostColor;
    }
  }
  .callName {
    background: $menuBg;
    padding: 0 6px;
    color: #909090;
  }
  .BocallName {
    background: $menuBg;
    padding: 0 6px;
    color: #909090;
  }
  // .littleFont {
  //   color: #303130;
  // }
  .voiceL{
    background: #3b82ea;
  }
  .voiceL:before {
    border-top: 12px solid #E6F0F8;
  }
  .footHeader{
    background-color: #b7dbfb;
    color: $menuBg;
  }
  .el-slider__runway{
    background: #5BAAFB;
  }
  .el-slider__bar{
    background-color: #fff;
  }
  .el-slider__button{
    border: 3px solid #fff;
    box-shadow: 0 0 2px #DCDFE6;
    background-color: #2284e7;
  }
  .all{
    .el-slider__runway{
      background: #E4E7ED;
    }
    .el-slider__bar{
      background-color: #5BAAFB;
    }
    .el-slider__button{
      border: 3px solid #fff;
      background-color: #2284e7;
    }
  }

  .isFouseIcon {
    background:url('image/chatList/chatinput1.png') no-repeat center;
    background-size: 100% 100%;
    border-radius: 50%;
  }
  .isFouseIcon:hover{
    background:url('image/chatList/chatinput2.png') no-repeat center;
    background-size: 100% 100%;
    border-radius: 50%;
  }
}

/*
*人工坐席  工作台
*/
.chartFoot{
  .footCon{
    .footheaderPop{
      background-color: #b7dbfb;
      color: #333;
    }
  }
}
.sidebarChat{ 
  .voice{
   background: #29a3ef;
  }
   .voice:before{
    border-top: 6px solid transparent;
    border-left: 8px solid #29a3ef;
    border-bottom: 6px solid transparent;
  }
}
/** 
 * element组件
 */
$--color-primary: $theme-hostColor;

.el-button--primary{
  background-color: $theme-hostColor !important;
  color: #fff !important;
}

.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-textarea__inner {
  border-color: #d9d9d9 !important; 
}
.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner:focus {
  border-color: $theme-hostColor !important;
}
/* 改变 icon 字体路径变量，必需 */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

.el-input__inner:hover {
    border-color: $theme-hostColor !important;
}

@import "~element-ui/packages/theme-chalk/src/index";

 /**
 * table thead 
 */
 .el-table th {
  background:url('image/thbg.png') 0 100% no-repeat;
	color:#000000;
	font-size:26px;
	height:40px;
	line-height:40px;
}
.el-table .cell{
	line-height: 40px;
}
.el-table th.el-table__cell.is-leaf{
	border-bottom: 1px solid #000000;
}
.el-table--small{
	font-size:24px;
}
.el-table td{
	font-size:24px;
}